<template>
	<div class="front bj">
		<div class="tree-left bg-white">
			<div class="tree bj" style="height: 100%;">
				<el-scrollbar style="height: 100%;">
					<keep-alive>
						<country/>
					</keep-alive>
				</el-scrollbar>
			</div>
		</div>
		<div class="tree-right bg-white">
			<div class="table">
				<el-scrollbar style="height: 100%;">
					<keep-alive>
						<province-table/>
					</keep-alive>
				</el-scrollbar>
			</div>
		</div>
	</div>
</template>
<script>
import country from './country'
import provinceTable from './provinceTable'
export default {
	components: {
		'country': country,
		'province-table': provinceTable
	},
	data() {
		return {
			
		}
	}
}
</script>
<style scoped>
	.table {min-width: auto;}
</style>